﻿<%@ Control Language="VB" AutoEventWireup="false" CodeFile="Login.ascx.vb" Inherits="FrontEnd_Control_Login" %>
<%@ Import Namespace="Cls_Common" %>
<%@ Register Src="Users/Login.ascx" TagName="Login" TagPrefix="uc1" %>
<%@ Register Src="Contents/ZoomImgDetail.ascx" TagName="ZoomImgDetail" TagPrefix="uc2" %>
<div id="fb-root"></div>
<script type="text/javascript">
    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=320150811500055&version=v2.0";
        fjs.parentNode.insertBefore(js, fjs);
    } (document, 'script', 'facebook-jssdk'));
</script>
<script type="text/javascript">
    $(function () {
        $(".badge-login-button").click(function () {
            $("#overlay-container").removeClass("hide");
            $("#overlay-container-signin").removeClass("hide");
        });
    });
</script>
<div id="overlay-container" class="overlay-scroll-container hide">
    <section id="overlay-container-signin" class="modal signup badge-overlay-signin hide">
    <a class="btn-close badge-overlay-close" href="#">&#10006;</a>
    <section id="signup">
    <h2>Đăng nhập</h2>
    <p class="lead">Kết nối với mạng xã hội</p>
    <div class="social-signup">
        <div class="fb-login-button" data-max-rows="1" data-size="medium" data-show-faces="false" data-auto-logout-link="false">Facebook</div>
        <%--<a class="btn-connect-option facebook badge-facebook-connect" href="#" onclick="GAG.GA.track('login-signup', 'facebook-connect', 'login-form');">Facebook</a>--%>
        <span class="badge-gplus-connect"><a class="btn-connect-option google-plus" href="javascript:void(0);" onclick="GAG.GPlus.btnClicked = true;">Google</a></span> 
            </div>
            <!--su ly login Email-->
            <uc1:Login ID="Login1" runat="server" />
            <!--su ly login Email-->
    
</section>
</section>
    <section class="modal signup hide badge-overlay-signup-fb">
    <a class="badge-overlay-close btn-close" href="#">&#10006;</a>
    <section id="signup">
    <div id="signup-fb" class="">
        <h2>Chào bạn !</h2>
        
        <p class="lead">Corner14.com Mang lại niềm vui cho bạn.</p>
        <div class="social-signup">
            <a class="btn-connect-option facebook badge-facebook-connect" href="#" onclick="GAG.GA.track('login-signup', 'facebook-connect', 'signup-form');">Facebook</a>
            <span class="badge-gplus-connect"><a class="btn-connect-option google-plus" href="javascript:void(0);" onclick="GAG.GPlus.btnClicked = true; GAG.GA.track('login-signup', 'gplus-connect', 'signup-form');">Google</a></span>
                    </div>
                <p class="alternative">Đăng ký mới <a href="#" class="badge-signup-email-link">Email Address</a></p>
                <p class="alternative">Có tài khoản? <a href='<%=Maindomain + "login.aspx" %>' class="badge-signup-login-link">Đăng nhâp</a></p>
    </div>

    <div id="signup-email" class=" hide">
        <h2>Become a member</h2>
        <form id="signup-email" action="https://corner14.com/member/email-signup" autocomplete="off" method="post">
            <input type="hidden" id="jsid-login-form-next-url" name="next" value=""/>
            <div class="field">
                <label for="signup-email-name">Full Name</label>
                <input id="signup-email-name" type="text" name="fullname" class="badge-input-fullname badge-input-field" placeholder="" value="" maxlength="20"/>
            </div>
            <div class="field">
                <label for="signup-email-email">Email Address</label>
                <input type="email" name="email" id="signup-email-email" class="badge-input-email badge-input-field" placeholder="" value="" />
            </div>
            <div class="field">
                <label for="signup-email-password">Password</label>
                <input id="signup-email-password" type="password" name="password" value="">
            </div>
            <div class="field captcha">
                <div id='captchawrapper' style="display:none;">
                    <h3 id='capchatitle'>Please enter the words below</h3>
                    <div id='captchadiv' data-apiKey="6Lf0iMkSAAAAALGZpEfzpO13sqJNiEgr6znqfm9r">
                        <div id="recaptcha_widget" style="" class="">                            
                            <div id="recaptcha_image" style="width: 300px; height: 57px;"></div>
                            <div class="recaptcha_function">
                                <div class="recaptcha_reload"><a href="javascript:Recaptcha.reload()">Reload</a></div> ·
                                <div class="recaptcha_only_if_image"><a href="javascript:Recaptcha.switch_type('audio')">Listen</a></div> 
                                <div class="recaptcha_only_if_audio"><a href="javascript:Recaptcha.switch_type('image')">Image</a></div>
                                · <div><a href="javascript:Recaptcha.showhelp()">Help</a></div>
                            </div>
                            <span class="recaptcha_only_if_image">Enter the words above:</span>
                            <span class="recaptcha_only_if_audio">Type what you hear:</span>
                            <input type="text" id="recaptcha_response_field" name="recaptcha_response_field" autocomplete="off" tabindex="1">
                        </div>
                    </div>
                </div>
                <p class="error-message red">&nbsp;</p>                
            </div>
            <div class="btn-container">
                <input type="submit" value="Sign Up" onclick="GAG.GA.track('login-signup', 'signup', 'signup-form');"/>
            </div>
            <input type="hidden" name="tzo" class="badge-input-tzo" value="0" />
            <input type="hidden" name="next" value="" class="badge-signup-form-next-url"/>
            <input type="hidden" name="csrftoken" id="csrftoken" value=""/>
            <input type="hidden" name="src" value="" />
            <input type="hidden" name="ref" value="" />
            <input type="hidden" name="app" value="web" />
            <input type="hidden" name="recaptcha_challenge_field" value="" id="recaptcha_challenge"/>
            <input type="hidden" name="recaptcha_response_field" value="" id="recaptcha_response"/>
        </form>
    </div>
</section>
</section>
    <uc2:ZoomImgDetail ID="ZoomImgDetail1" runat="server" />
</div>
